<template>
  <div id="Obottom">
    <router-link to="/Dewu">
      <section class="mdw">
        <section class="up">
          <span class="iconfont icon-pinpai"></span>
        </section>
        <section class="down">得物</section>
      </section>
    </router-link>

    <router-link to="/Shopping">
      <section class="mdw">
        <section class="up">
          <span class="iconfont icon-renwuzhongxin-goumaishangpin
"></span>
        </section>
        <section class="down">购买</section>
      </section>
    </router-link>

    <router-link to="/Service">
      <section class="mdw">
        <section class="up">
          <span class="iconfont icon-fuwu1"></span>
        </section>
        <section class="down">服务</section>
      </section>
    </router-link>

    <router-link to="/Myself">
      <section class="mdw">
        <section class="up">
          <span class="iconfont icon-shouye"></span>
        </section>
        <section class="down">我</section>
      </section>
    </router-link>
   
  </div>
</template>

<script>
export default {
  name: "MyObottom",
};
</script>

<style scoped>
#Obottom {
  width: 100%;
  height: 0.77rem;
  /* background-color: burlywood; */
  display: flex;
  justify-content: space-between;
  padding-top: .1rem;
  padding-left: .37rem;
  padding-right: .37rem;
  border-top: .01rem solid black;
}
#Obottom .mdw {
  width: 0.4rem;
  height: 0.6rem;
  /* background-color: chartreuse; */
  color: black;
}
#Obottom .mdw .up {
  width: 0.4rem;
  height: 0.35rem;
  /* background-color: cornflowerblue; */
  text-align: center;
  line-height: .24rem;
}
#Obottom .mdw .up span{
  font-size: .24rem;
  font-size: 500;
}
#Obottom .mdw .up span:hover {
  font-weight: 800;
}
#Obottom .mdw .down {
  -webkit-transform: scale(0.833);
  font-size: .17rem;
  text-align: center;
  font-weight: 800;
}
</style>